<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
    <script type="text/javascript" src="MoreModel.js"></script>
    <style>
        .bgColorPink{
            background-color: #ffc0cb;
        }
        .bgPink{
            background-color: #ffc0cb;
        }
        .smallfont{
            font-size: small;
        }
        .disabledColor{
            background-color: #ffc0cb;
        }
        .bookItem{
            color: blue;
            font-weight: bold;
        }
        .title{
            font-size: 14px;
            color: #ffffff;
            text-align: center;
            background-color: #7088ad;
            width: 50%;
        }
        .user-item{
            width: 100%;
            display: -webkit-box;
            -webkit-box-orient:horizontal;
        }
        .user-item div{
            width: 50%;
            text-align: center;
            border-left: solid 1px #7088ad;
            border-bottom: solid 1px #7088ad;
        }
        .Book-item{
            padding: 10px 0 10px 68px;
            border-top: 1px solid #ccc;
        }
        .Book-item h2{
            font-weight: bold;
        }
        .Book-item .Book_img{
            position: absolute;
            left: 10px;
        }
        .Book-item .Book_img img{
            max-width: 59px;
        }
        .Book-item .Book_Info{
            padding-left: 5px;
            font-size: 12px;
        }
        .x-item-selected{
            background-color: blue;
            color: white;
        }
        h3{
            background: blue;
            font-size: 14px;
            color: black;
            font-weight: bold;
            width: 180px;
            border: solid 1px blue;
            background-color: #87ceeb;
            border-radius: 20px;
            padding: 5px;
        }
        .listHeader{
            display: -webkit-box;
            -webkit-box-orient:horizontal;
        }
        .title{
            font-size: 14px;
            color: white;
            text-align: center;
            background-color: #7088ad;
            width: 20%;
        }
        .students{
            width: 100%;
            display: -webkit-box;
            -webkit-box-orient:horizontal;
        }
        .students div{
            width: 20%;
            font-size: 12px;
            text-align: center;
            border: solid 1px #ccc
        }
        .header{
            display: -webkit-box;
            -webkit-box-orient:horizontal;
        }
        .normal_btn{
            font-size: 12px;
            width: 68px;
            height: 20px;
            cursor: hand;
        }
    </style>
</head>

<body>

</body>
</html>
